<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>个人中心</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />    

<link href="static/index/css/bootstrap.min.css" rel="stylesheet" />
<link href="static/index/css/bootstrap-responsive.min.css" rel="stylesheet" />

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" />
<link href="static/index/css/font-awesome.css" rel="stylesheet" />
  <link rel="stylesheet" href="static/index/css/icono.min.css">





  <link href="static/index/css/adminia.css" rel="stylesheet" />
<link href="static/index/css/adminia-responsive.css" rel="stylesheet" />

<link href="static/index/css/pages/dashboard.css" rel="stylesheet" />


<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<div id="content">

<div class="container">

<div class="row">

<div class="span3">

<div class="account-container">

<div class="account-avatar">
<img src="static/index/images/default.jpeg" alt="" class="thumbnail" />
</div> <!-- /account-avatar -->

<div class="account-details">

<span class="account-name">李柱</span>

<span class="account-role">贵宾级别</span>

</div> <!-- /account-details -->

</div> <!-- /account-container -->

<hr />

<ul id="main-nav" class="nav nav-tabs nav-stacked">

<li class="active">
<a href="./PersonalCenter.html">
<i class="icono-user"></i>
个人资料
</a>
</li>

<li>
<a href="./faq.html">
<i class="icono-gear spin"></i>
修改密码
</a>
</li>

<li>
<a href="./plans.html">
<i class="icono-market"></i>
我的收藏
<span class="label label-warning pull-right">250</span>
</a>
</li>

<li>
<a href="./grid.html">
<i class="icono-flickr"></i>
我的评论
<span class="label label-warning pull-right">5</span>
</a>
</li>

<li>
<a href="./charts.html">
<i class="icono-sync spin"></i>
订单管理
</a>
</li>

</ul>	

<hr />

<div class="sidebar-extra">
<p>阿里影业宣布，旗下的互联网售票业务平台“淘宝电影”正式将品牌更名为“淘票票”，并宣布与大麦网正式达成战略合作，致力打造成国内最大的泛娱乐产业营销平台。
此次阿里影业将淘宝电影更名为淘票票，表明淘宝电影的战略方向有了重大升级，业务范畴由电影扩展至演出、体育等泛娱乐业，自身定位由线上售票平台转变为具备线上线下双向宣发能力的营销平台。未来，淘票票将向泛娱乐业开放包括线上售票、精准营销、用户互动等能力，围绕票务积极拓展更多的应用场景，帮助合作伙伴开展线上线下结合的整合营销，为消费者提供更便捷的服务。[1] 
据悉，淘票票业务于2014年底上线，目前已成为内地最主要的电影线上售票平台之一，提供全国超过5000家影院线上选座购票服务，覆盖影院票房约占全国总票房95%；出票数额也由2015年初日均出票3万张跃升至目前单日出票峰值达300万张，一年半内增幅达100倍。</p>
</div> <!-- .sidebar-extra -->

<br />

</div> <!-- /span3 -->
			


<div class="span9">

<h1 class="page-title">
<i class="icono-user"></i>
个人资料					
</h1>


<div class="row">

<div class="span9">

<div class="widget">

<div class="widget-header">
<h3>信息展示</h3>
</div> <!-- /widget-header -->

<div class="widget-content">



<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#1" data-toggle="tab">信息修改</a>
</li>
<li><a href="#2" data-toggle="tab">更换图片</a></li>
</ul>

<br />

<div class="tab-content">
<div class="tab-pane active" id="1">
<form id="edit-profile" class="form-horizontal" />
<fieldset>


<div class="control-group">											
<label class="control-label" for="username">用户名</label>
<div class="controls">
<input type="text" class="input-medium" id="username" value="" />
</div> <!-- /controls -->				
</div> <!-- /control-group -->


<div class="control-group">											
<label class="control-label" for="email">邮箱</label>
<div class="controls">
<input type="text" class="input-large" id="email" value="" />
</div> <!-- /controls -->				
</div> <!-- /control-group -->

<div class="control-group">
  <label class="control-label" for="tel">手机号</label>
  <div class="controls">
    <input type="text" class="input-large" id="tel" value="" />
  </div> <!-- /controls -->
</div> <!-- /control-group -->

  <div class="control-group">
    <label class="control-label" for="address">地址</label>
    <div class="controls">
      <input type="text" class="input-large" id="address" value="" />
    </div> <!-- /controls -->
  </div> <!-- /control-group -->

<div class="form-actions">
<button type="submit" class="btn btn-primary">Save</button> 
<button class="btn">Cancel</button>
</div> <!-- /form-actions -->
</fieldset>
</form>
</div>

<div class="tab-pane" id="2">
<form id="edit-profile2" class="form-horizontal" />
<fieldset>
<input type="file" class="input-large" id="tel" value="" />


<br />

<div class="form-actions">
<button type="submit" class="btn btn-primary">Save</button> <button class="btn">Cancel</button>
</div>
</fieldset>
</form>
</div>

</div>


</div>
</div> <!-- /widget-content -->

</div> <!-- /widget -->

</div> <!-- /span9 -->

</div> <!-- /row -->

</div> <!-- /span9 -->


</div> <!-- /row -->

</div> <!-- /container -->

</div> <!-- /content -->


<div id="footer">

<div class="container">				
<hr />
<p>&copy; 2012 Go Ideate.</p>
</div> <!-- /container -->

</div> <!-- /footer -->


    

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="static/index/js/jquery-1.7.2.min.js"></script>
<script src="static/index/js/excanvas.min.js"></script>
<script src="static/index/js/jquery.flot.js"></script>
<script src="static/index/js/jquery.flot.pie.js"></script>
<script src="static/index/js/jquery.flot.orderBars.js"></script>
<script src="static/index/js/jquery.flot.resize.js"></script>


<script src="static/index/js/bootstrap.js"></script>
<script src="static/index/js/charts/bar.js"></script>

  </body>
</html>